<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div style="width:303px;background-color:green;">
    <div style="width:78%;background-color:red;">303 x 78% = 236.34</div>
</div>
<br/>
<div style="width:303px;background-color:green;">
    <div style="width:87%;background-color:red;">303 x 87% = 263.61</div>
</div>
<br/>
<div style="width:303px;background-color:green;">
    <div style="width:87%;background-color:red;">
        <div style="width:84%;background-color:yellow;">220 or 221 or 222</div>
    </div>
</div>
</body>
</html>